<!DOCTYPE html>
<html>
    <head>
        <s3:data name='CollDatas.headerScript' />
        <s3:import type="css"></s3:import>
  		<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}"/>
		<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-search.css${data:buildversion}"/>
		<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-picker.css${data:buildversion}"/>
        <title>相关数据更多页面</title>
        <style type="text/css">
        	.project {}
        	.templateDeal {}
	        .see-icon-accessory{
	        	color : #3AADFB;
	        }
			.cmp-bar .cmp-search-box{
				padding: 10px 12px;
			}
			.cmp-bar input[type=search]{
				margin:0;
			}
			.cmp-search .text-search{
				font-size: 12px;
			}

			.cmp-bar .cmp-search .cmp-placeholder .cmp-icon{
				font-size: 12px !important;
				margin: 0;
				padding: 0;
			}
        </style>
    </head>
    <body class="flexbox-v">

		<div class="cmp-bar cmp-bar-nav head-style" style="height: 48px;padding: 0;">
		  <div class="cmp-search-box">
		      <div class="cmp-input-row cmp-search">
		          <input type="search" disabled="disabled" style="background-color: #eef1f5" class="cmp-input-clear" placeholder="">
		          <span class="cmp-icon cmp-hidden cmp-icon-clear"></span>
		          <span class="cmp-placeholder" id="search">
		            <span class="cmp-icon cmp-icon-search"></span>
		            <span class="text-search"><i18n key="collaboration.page.lable.search"></i18n></span>
		          </span>
		      </div>
		    </div>
		</div>
		<div class="cmp-control-content cmp-active" style="top:50px;">
	        <div id="pullrefresh" class="cmp-scroll-wrapper">
			    <div class="cmp-scroll page-content flex-1">
			        <!--数据列表-->
			        <ul id="moreData" class="cmp-table-view list-box">

			        </ul>
			    </div>
			</div>
		</div>
		<div id="titleDetailArea" class="col-backdrop display_none">
		    <textarea id="titleDetail" class="white" srcHeight="45" maxlength="300" style="font-size: 16px;padding: 10px;border: 0px;"></textarea>
		</div>
    </body>
<s3:data name='cordova' />
<s3:import type="js"></s3:import>
<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-v5.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-search.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-dtPicker.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-picker.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.collaboration'/>/js/dataRelationMore.js${data:buildversion}"></script>
<script type="text/javascript" src="${data:dependencies.collaboration}/collaboration_m_api.s3js${data:buildversion}"></script>
<script type="text/html" id="html_templateDealMore">
	<% for(var i = 0 ; i < this.length ; i++){ %>
	<% var obj = this[i];%>
		<li class="flexbox flex-cross-center padlr-10 templateDeal" affairId="<%=obj.affairId%>" summaryId="<%=obj.summaryId%>">
			<img class="cmp-img-cache img_setting icon-header" cmp-data="<%=obj.startMemberId%>">
			<p class="flex-1">
				<span class="more-title">
                    <span class="flexbox flex-cross-center">
					<% var importantLevel = obj.importantLevel - 1; %>
					<% if(importantLevel != 0){ %>
						<span class="see-icon-v5-common-important-<%=importantLevel%>" style="color: red;"></span>
					<% } %>
					<span class="textover"><%=obj.subject%></span>
					<% if(obj.hasAttsFlag){ %>
						<span class="see-icon-accessory mrgl-5"></span>
					<% } %>
					</span>
				</span>
				<span class="textover-1 data-info">
					<i class="textover"><%=obj.startMemberName%></i>
					<i><%=formatDate(obj.startDate)%></i>
				</span>
			</p>
		</li>
	<% } %>
</script>
<script type="text/html" id="html_templateSendMore">
	<% for(var i = 0 ; i < this.length ; i++){ %>
	<% var obj = this[i];%>
		<li class="flexbox flex-cross-center padlr-10 templateDeal" affairId="<%=obj.affairId%>" summaryId="<%=obj.summaryId%>">
			<img class="cmp-img-cache img_setting icon-header" cmp-data="<%=obj.startMemberId%>">
			<p class="flex-1">
				<span class="more-title">
                    <span class="flexbox flex-cross-center">
					<% var importantLevel = obj.importantLevel - 1; %>
					<% if(importantLevel != 0){ %>
						<span class="see-icon-v5-common-important-<%=importantLevel%>" style="color: red;"></span>
					<% } %>
					<span class="textover"><%=obj.subject%></span>
					<% if(obj.hasAttsFlag){ %>
						<span class="see-icon-accessory mrgl-5"></span>
					<% } %>
					</span>
				</span>
			</p>
		</li>
	<% } %>
</script>
<script type="text/html" id="html_projectMore">
	<% for(var i = 0 ; i < this.length ; i++){ %>
	<% var obj = this[i];%>
		<li class="flexbox flex-cross-center padlr-10 list-page-unread project">
			<span class="flex-1 textover" style="text-indent: 5px;"><%=this[i].projectName%></span>
		</li>
	<% } %>
</script>
</html>
